<!--
  Generated template for the UserBindBankPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-navbar>
        <ion-title>绑定银行卡</ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <h6>
        持卡人姓名
        &nbsp;&nbsp;
        <i>请填写真实信息，提交后不可更改</i>
    </h6>
    <ion-list>
        <ion-item>
            <ion-label fixed>姓名</ion-label>
            <ion-input type="text" value="" placeholder="请输入持卡人姓名" [(ngModel)]="name" ></ion-input>
        </ion-item>
        <ion-item>
            <ion-label fixed>所属银行</ion-label>
            <ion-select 
                [(ngModel)]="bankId" 
                placeholder="请选择银行" 
                okText="确定" 
                cancelText="取消" 
                interface="popover"
                (ngModelChange)="switch()" >
                <ion-option
                    *ngFor="let item of bankArr; let i=index;" 
                    value="{{ item.bank }}">{{ item.bank }}</ion-option>
            </ion-select>
        </ion-item>
        <ion-item>
            <ion-label fixed>银行卡号</ion-label>
            <ion-input 
                type="tel" 
                [(ngModel)]="bankNum"
                placeholder="请输入卡号" 
                (ionChange)="enter(bankNum)" ></ion-input>
        </ion-item>
    </ion-list>

    <button ion-button round (click)="bind()" *ngIf="isBind" >确认绑定</button>
</ion-content>
